.page{
  // width: rem(750);
  // overflow: hidden;
  // overflow-x: hidden;
}
.report {
  width: 100%;
  background-color: rgba(244, 245, 246, 1);
  padding: rem(20) rem(24) rem(40);
  // position:fixed;
  // height: 100vh;
  .report_top {
    box-shadow: 0px rem(3) rem(4) 0px rgba(0, 0, 0, 0.03);
    border-radius: rem(16) rem(16) 0 0;
    overflow: hidden;

    .spanner {
      width: 100%;
      height: rem(255);
      background-color: rgba(56, 58, 64, 1);
      position: relative;
      padding: rem(77) 0 0 rem(36);

      .title {
        .title_img {
          width: rem(359);
          height: rem(40)
        }
      }

      .line {
        position: absolute;
        left: rem(34);
        top: rem(142);
        width: rem(270);
        height: rem(4);
        background: #FFFFFF;
        opacity: 0.2;
      }

      .datatime {
        left: rem(34);
        top: rem(165);
        position: absolute;
        width: rem(290);
        height: rem(37);
        font-size: rem(26);
        font-weight: 400;
        color: #FFFFFF;
        line-height: rem(37);
      }

      .seal {
        right: rem(42);
        top: rem(57);
        position: absolute;

        .img_seal {
          width: rem(160);
          height: rem(160);
        }
      }
    }

    .report_infos {
      border-radius: 0 0 rem(16) rem(16);
      padding: rem(30) rem(44) rem(35) rem(24);
      background-color: #FFFFFF;
      font-size: rem(28);
      line-height: rem(42);
      color: #303133;

      .report_otherinfo {
        margin-top: rem(30);
      }
    }
  }

  .impedance-tip {
    font-size: rem(22);
    color: #909090;
    line-height: rem(30);
    margin-top: rem(20);
  }
}


.status_higher_colors {
  background: rgba(255, 197, 61, 0.2);
  color: #FFC53D;
}

.status_standard_colors {
  background: rgba(28, 205, 170, 0.2);
  color: #1CCDAA;
}

.status_lower_colors {
  background: rgba(79, 177, 251, 0.2);
  color: #4FB1FB;
}

.report_title {
  padding-left: rem(19);
  line-height: rem(96);
  height: rem(96);
  font-size: rem(32);
  position: relative;

  &::before {
    position: absolute;
    content: "";
    display: block;
    width: rem(7);
    height: rem(28);
    background: var(--mainColor1);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

.report_description {
  font-size: rem(26);
  color: rgba(144, 144, 144, 1);
  line-height: rem(37);
  margin-top: rem(20);
}

.text-align {
  text-align: right;
}
.share_report{
  width: rem(750);
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.share_report__head{
  background: linear-gradient(90deg, #49AAF0 0%, #4A90E2 100%, #4A90E2 100%);
  color: #FFFFFF;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  padding: rem(36) rem(82) rem(36) rem(50);
  .app_name{
    font-size: rem(28);
    line-height: rem(40);
  }
  .page_title{
    font-size: rem(42);
    line-height: rem(59);
    margin-bottom: rem(27);
  }
  .share_report_time{
    font-size: rem(24);
    font-weight: 400;
    line-height: rem(33);
  }
  .share_report_img{
    width: rem(60);
    height: rem(60);
    border-radius: rem(30);
    margin-bottom: rem(2);
    margin-top: rem(32);
  }
  .share_report_nickname{
    font-size: rem(24);
    line-height: rem(33);
  }
  .share_report_img_box{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

$primaryBg: #F6F7F8; // 主要背景
$primaryBorder: #EEEEEE;
$secondaryBorder: #CCCCCC;
$primaryColor: #2A2E31;
$secondaryColor: #909090;
$thirdColor: #FFFFFF;